<template>
	<view class="u-page">
		<view class="u-demo-block">
			<text class="u-demo-block__title">基础功能</text>
			<view class="u-demo-block__content">
				<view class="u-page__tag-item">
					<u-tag
					    text="标签"
					    plain
					    size="mini"
					    type="warning"
					>
					</u-tag>
				</view>
			</view>
		</view>
		<!-- 用VIEW包起来，flex后，标签正常，不然会整行显示 -->
		<view class="flex">
			<u-tag text="标签" size="mini"></u-tag>
			<u-tag text="标签" size="mini"></u-tag>
			<u-badge bgColor="#FF0000" :absolute="abs" :offset="offset" :isDot="true" type="success"></u-badge>
		</view>
		
		<!-- 点击再打开 -->
		<!-- <uni-link :href="payurl">没字怎么显示</uni-link> -->
		<!-- 页面初始化时，不用点击，直接显示 -->
		<!-- <web-view :webview-styles="webviewStyles" src="https://www.baidu.com"></web-view> -->
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
				abs:true,
				offset:[46,479]
			}
		},
		methods: {
			tem(){
				console.log();
			}
		}
	}
</script>

<style lang="scss">
	.u-page__tag-item {
		margin-right: 20px;
	}

	.u-demo-block__content {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
</style>
